import React from 'react';
import ImageLazy from '../commons/ImageLazy';
import NavLink from '../commons/NavLink';


export default React.createClass({
  render:function(){
    return(
      <div className="m_doc_det">
        <header className="top border_b1">
          <span style={{'background-image':"url(http://img.xiami.net/images/album/img30/1930/3772411429710303_2.jpg)"}}></span>
          <h4>
            赵琼·医学博士<br/><small>北京斯嘉丽医疗美容医院 <var>&#9658;</var></small>
          </h4>
          <em>◆</em><br/>
          <p>
            1996年从事整容至今，擅长鼻部等微整形，<br/>
            对于女性抗衰老有亲身体会和理解。<br/>
            曾多次受主流媒体和女性杂志专访。
          </p>
        </header>
        <div className="serv_pro">
          <h3 className="tit_sty1">
              服务项目<br/><small>为您私人定制</small>
          </h3>
          <div className="item_wrapper">
            <NavLink to="/sever/detail" className="common_item border_b1">
              <div className="left">
                <img src="https://dummyimage.com/200x200/fff/000&text=doctor" style={{height:'2rem'}} />
              </div>
              <div className="right">
                <h4>点这里到服务详情页</h4>
                <p>
                  赵医生·医学博士<br/>
                  北京斯嘉丽医疗美容医院北京斯嘉丽医疗美容医院北京斯嘉丽医疗美容医院北京斯嘉丽医疗美容医院
                </p>
                <div className="price"><span>¥ 999.00</span></div><div className="o_price">原价：¥ 5999.00</div>
              </div>
            </NavLink>
            <NavLink to="/sever/detail" className="common_item border_b1">
              <div className="left">
                <img src="https://dummyimage.com/200x200/fff/000&text=doctor" style={{height:'2rem'}} />
              </div>
              <div className="right">
                <h4>万利脂肪手术经验</h4>
                <p>
                  赵医生·医学博士<br/>
                  北京斯嘉丽医疗美容医院北京斯嘉丽医疗美容医院北京斯嘉丽医疗美容医院北京斯嘉丽医疗美容医院
                </p>
                <div className="price"><span>¥ 999.00</span></div><div className="o_price">原价：¥ 5999.00</div>
              </div>
            </NavLink>

            <NavLink to="/sever/detail" className="common_item border_b1">
              <div className="left">
                <img src="https://dummyimage.com/200x200/fff/000&text=doctor" style={{height:'2rem'}} />
              </div>
              <div className="right">
                <h4>万利脂肪手术经验</h4>
                <p>
                  赵医生·医学博士<br/>
                  北京斯嘉丽医疗美容医院北京斯嘉丽医疗美容医院北京斯嘉丽医疗美容医院北京斯嘉丽医疗美容医院
                </p>
                <div className="price"><span>¥ 999.00</span></div><div className="o_price">原价：¥ 5999.00</div>
              </div>
            </NavLink>
          </div>
        </div>
        <div className="professional border_b1">
          <h3 className="tit_sty1">
              专业背景<br/><small>1996年毕业于某某院校某某专业</small>
          </h3>
          <div className="wrapper">
            <em><var>相关证书</var></em>
            <ImageLazy src="https://dummyimage.com/750x480/b293a4/fff" style={{width:'100%'}} />
          </div>
        </div>
        <div className="professional border_b1">
          <h3 className="tit_sty1">
              擅长领域<br/><small>做过350例鼻部手术</small>
          </h3>
          <div className="wrapper">
            <em><var>相关案例</var></em>
            <ImageLazy src="https://dummyimage.com/750x480/b293a4/fff" style={{width:'100%'}} />
          </div>
        </div>
        <div className="professional section3">
          <h3 className="tit_sty1">
              发表文献<br/><small>整容那些事儿</small>
          </h3>
          <div className="wrapper_txt border_b1">
            <NavLink to="/art/detial/2" className="list border_t1 common_list">
              <div className="left"><ImageLazy src="http://dummyimage.com/200x200/fabfb1/98068b" style={{height:'2rem'}} /></div>
              <div className="right">
                <div className="top clearfix">
                  <var>某某平台</var><div className="last_time">20160101发表</div>
                </div>
                <h4>关于玻尿酸那些事万一这里有两行呢关于玻尿酸那些事万一这里有两行呢</h4>
                <div className="bot">
                  {/* <var>能量抗衰</var> */}
                  <em>◆阅读2389</em><em>◆收藏238</em>
                </div>
              </div>
            </NavLink>
            <NavLink to="/art/detial/2" className="list border_t1 common_list">
              <div className="left"><ImageLazy src="http://dummyimage.com/200x200/fabfb1/98068b" style={{height:'2rem'}} /></div>
              <div className="right">
                <div className="top clearfix">
                  <var>某某平台</var><div className="last_time">20160101发表</div>
                </div>
                <h4>关于玻尿酸那些事万一这里有两行呢关于玻尿酸那些事万一这里有两行呢</h4>
                <div className="bot">
                  {/* <var>能量抗衰</var> */}
                  <em>◆阅读2389</em><em>◆收藏238</em>
                </div>
              </div>
            </NavLink>
            <NavLink to="/art/detial/2" className="list border_t1 common_list">
              <div className="left"><ImageLazy src="http://dummyimage.com/200x200/fabfb1/98068b" style={{height:'2rem'}} /></div>
              <div className="right">
                <div className="top clearfix">
                  <var>某某平台</var><div className="last_time">20160101发表</div>
                </div>
                <h4>关于玻尿酸那些事万一这里有两行呢关于玻尿酸那些事万一这里有两行呢</h4>
                <div className="bot">
                  {/* <var>能量抗衰</var> */}
                  <em>◆阅读2389</em><em>◆收藏238</em>
                </div>
              </div>
            </NavLink>

          </div>
        </div>

        <div className="fix_tel box border_t1">
          <a href="tel:18810716960">电话咨询</a>
        </div>
      </div>
    )
  }
})
